¿Emoticones en los comentarios? vale, pues alegremos esos comentarios.
¿Qué ya se ha dicho todo sobre ellos y es un tema muy visto? cada día surge una pregunta sobre cómo añadirlos y no hay nada mejor que tener respuesta a esas preguntas.
Los emoticones los añadí hace tiempo de forma muy sencilla, para más tarde eliminarlos y volver a añadirlos, esta vez siguiendo las explicaciones de J.Miur 1 luego hubo una siguiente explicación 2 con ella tenemos la posibilidad de añadir el script en una nueva sección de html.
Al final de su entrada J.Miur hace una observación:
"Si queremos usar otra imagen, la alojamos en algún lado y luego modificamos la dirección URL"
Esa observación fue la que me dió la idea de añadir otras imágenes.Los comentarios de autor de mi blog, comienzan siempre con esta imagen 
nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.
nada del otro mundo pero me gusta, la añado al principio de cada respuesta y da sensación de orden.Este sería un ejemplo de emoticon (secreto)
en el script que añadimos a la plantilla:// :-X
cualTexto = cualTexto.replace(/:-\X/g,'<img src="url-imagen-emoticon-secreto.gif" />');
Cada emoticon lleva la url de una imagen asociada al emoticón, podemos sustituir esa imagen por cualquier otra sustituyendo la url por la de nuestra imagen, puede ocurrir que alguna visita piense entonces que tenemos todas las imágenes de los emoticones y al teclear :-X en lugar del emoticon se muestre la imagen que lo sustituye.
Lo que hice fue cambiar la url y sustituir :-X por cualquier otras letras, pongamos por ejemplo X-XQuedaría así:
// X-X
cualTexto = cualTexto.replace(/X-\X/g,'<img src="url-de-tu-imagen" />');
Para el ejemplo añadí una imagen grande, yo diría exagerada con la idea de ver la diferencia, lo recomendable es añadir imágenes pequeñas tipo favicon que nunca sea mayor al espacio que tenemos en los comentarios.
Es recomendable alojar las imágenes de los emoticones nosotros mismos y sustituir las del script por las nuestras, de esa forma nos evitamos posibles problemas con los archivos de imagen y el servidor donde se encuentran alojadas.
genial! cómo siempre.
gracias!
Muchas gracias Gem@, me estoy iniciando en esto de blogger y tus consejos me han venido muy bien.
He podido seguir siempre todas tus indicaciones sin problemas, y como soy de la opinión que cada uno debería alojar sus propias imágenes, me he buscado unos iconos y me he dispuesto a subirlos (lo hago desde un blog de pruebas) mi problema viene desde anoche, no consigo alojar ninguna imagen en blogger (desde mi HD), cuando parece haberla cargado devuelve un mensaje de error y no aparece en picassa. Es la primera vez que me pasa y solo es desde anoche. Por supuesto que he probado con distintas imágenes, lamentablemente con el mismo resultado. Sabrías decirme si esto es habitual, si puedo solucionarlo de alguna manera, o en su defecto si blogger tiene algún "panel informativo" donde consultar incidencias?
Muchas gracias de antemano.
excelente explicación Piedra Preciosa, no sabía de esto, como tantas cosas que no 'sepo, sabo'
Besos tesoro y unos días bonitos
Las incidencias de Blogger así como el Centro de asistencia y algún enlace más de interés puedes verlo en "Escritorio" al final del todo, allí hay enlaces que te llevan al sitio
Gem@, muchísimas gracias por tu respuesta.
Por unos momentos me he sentido torpe, torpe... pero me gustaría comentarlo aquí por si puede servir de ayuda a alguien. A veces una tontería te ofusca y no ves con perspectiva. Suelo dejar trabajando siempre el ordenador y a veces reinicio cuando no hay más remedio y todo se va viniendo abajo, vamos, cuando no tengo más narices. Llevo varios días intentando empaparme de css y html para el blog, y cuando te he posteado mi consulta se me ha ocurrido usar otro ordenador y otra cuenta para probar, efectivamente todo iba correcto. He vuelto al mío he reiniciado et voilà, ahora puedo alojar imágenes.
Disculpa si he hecho perder tu tiempo, y muchísimas gracias por todo lo que haces para neófitos como yo.
Se escribe Exagerada no exajerada.
No te habia visto faltas de ortografia Gemma hasta ahora. Ya no tomes tanto cafe
Está genial eso que te documentes de CSS y HTML
Seguí hace poco la explicación de Jmiur alojando el script fuera de la platilla en un elemento. Me dio resultado claro que luego estuve dando vueltas hasta que dí con donde quería que aparecieran la imagen de los emoticones al final di con ello, pero como tengo una imagen debajo aún no he conseguido cuadrarlo y queda más ancho que el formulario de comentarios, pero desde entonces tengo la idea de cuando tenga tiempo ir buscando y cambiando uno a uno por los que me gusten, si es que los encuentro.
hola gracias por la informacion pero en mi blog no funciona tal vez sea por la plantilla, bueno te dejo la url si deseas pasar a revisar http://oneclickdd.blogspot.com/ .
gracias
Hola Gema, espero que puedas ayudarme. Ya intente varias veces poner emoticones en mi blog y no me sale. XX
Mi duda es si coloqué mal es script.
Use este código de JMiur
b:if cond='data:blog.pageType == "item"'
script src='direccion_URL/VEmoticones.js' type='text/javascript'/
script type='text/javascript'
emoticonComentario();
/script
/b:i
y reemplaze: script src='direccion_URL/VEmoticones.js' type='text/javascript'/
por el archivo que tienes en tu blog, para no tener problemas de alojamiento.
Hice algo mal? porque no me aparecen los emoticones?
Gracias!
El archivo que yo proporciono es un archivo de texto preparado para añadir directamente a la plantilla precisamente por ese motivo, para no usar alojamiento externo.
En la segunda explicación de J.Miur tampoco es necesario alojamiento externo, porque se añade en un gadget de html
Para no confundirte puedes optar por utilizar cualquier método de añadirlos pero siempre usando el archivo que se proporciona en la explicación
Hola GEMA, cuando dices
Después de la definición añadimos el script que podemos copiar del siguiente archivo
Si todo ha ido bien nuestros comentarios ya disponen de emoticones.
en k parte de la plantilla es que lo coloco??
Si la definición va justo antes de </head> y el script después de la definición sería algo así:
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
contenido de script
...
...
...
</script>
</head>
lamentablemente no me sirve para nada...no me funciona lo coloque igualmente como lo describes en con la plantilla expandida??
no me funciono
http://quemagoma.net este es el blog verificame eso a ver que pasa por k en realidad estoy teniendo problemas serios con eso desde hace tiempo eh querido agregar el sistema de iconos en los comentarios y no eh podido lograrlo...si hay alguna forma de hacer que tu lo hagas directamente tuu a mi blog tu decides solamente tenemos k ponernos en contacto directo en chat...dejame saber o agregame aqui quemagoma.net@hotmail.com el objetivo es lograr ponerlo
Lo siento pero para guiarte debe ser por este medio.
Ok ya esta todo listo como indicas aver verifca a ver k me dices gema por que no me sale por ninguna parte http://quemagoma.net
Prueba ahora descargando de nuevo el archivo
Lamentablemente sigo con el mismo problema no me salen las caritas al dejar comentarios... y claro esta que lo puse como indicas descargue nuevamente el archivo y copie el codigo del script y lo coloque como indicas y nada k nada sale
tambien otro problema es k cuando dejo el script guardadoo y lo dejo por mucho tiempo por ejemplo si lo quiere dejar para k veas y verifiques lo k hace es k solo sale el primer post y no sale mas nada nose k pasa... quizas sea k ya no tenga solucion se acabaron todas las opciones?? por k en verdad me interesa eso
bueno aunque llevaba mucho tiempo en busca de como agregar ese sistema de iconos y no lo eh logrado aun... keria darte las gracias por averme puesto asunto y dedicando tu precioso tiempo en mii tambien keria decirte k aunk nunka dejo comentarios pues me sirve de mucha ayuda tu blog esta perfecto, saludos desde dominican republic gracias
Si Gema quite los emoticons porque con ellos no funcionaba la vista previa para comentar
Bueno.. intente colocarlo de nuevo hoy pero no sale nada
tal vez sea porque no tengo esto : "comment-body" p img ? parece que es importante para que funcione el css
Mira la siguiente entrada de J.Miur es muy largo para explicarlo aquí en un comentario:
http://vagabundia.blogspot.com/2009/09/avatares-en-los-comentarios-y-problemas.html
Ya me dirás si es la solución
saludos!!
Vaya, me parece que me he comido un paso como degafe? no me sale nada haciendo los DOS pasos: definición para alinear la imagen con el texto y seguido he copiado el archivo antes del /head.
Tengo tal lio con las entradas de JMiur (como me oiga me mata jajaja) que al leerte he creido que si empezabamos desde cero todo se resumía a tus dos pasos...
Me he perdido, me he perdido...
Luego lo que hice que no está explicado aquí fue en lugar de incluir una imagen encima del editor de comentarios incluir una tabla con las imágenes de los emoticones para tener la opción de poder copiar los símbolos de abajo.
Pues entonces en teoría es facil, los dos pasos, y lo he hecho pero no sale. Lo he hecho en dos blogs y nada, incluso el de pruebas lo he puesto pulico por si ese era el problema y nada...
Espera, que le estoy dando vueltas
lo de emoticonComentario() no se debería repetir en algun otro sitio además de en la definición? hablo sin saber, claro... me faltará algo?
<b:if cond='data:blog.pageType == "item"'>
aquí incluyes el contenido del archivo
<script type='text/javascript'>
emoticonComentario();
</script>
</b:if>
Gemaaaaaaaaaa no te preocupes! que ya he dado con ello! no había puesto antes del /body el script de emoticonComentario() !!!!!!!! he ido a la segunda y luego a la primera entrada de JMiur otra vez buscando justo eso y ahora me salen!!!
Jo, siento haberte hecho perder tiempo!
Espera, que mi método sale mal, al ir a cmentarios desde la pagina principal resulta que no sale el cuadro para publicar a no ser que de a actualizar la pagina... voy a probar con el tuyo, uf, qué lio jejeje
Tanto con tu método como con el mío el problema es dónde pongo este if. SI lo pongo justo antes del cierre del body no me sale la caja para publicar a no ser que le de a actualizar la pagina. Si lo pongo más arriba sale la caja pero no salen los emoticonos. Qué jaleo!
Alucinante. Lo acabo de probar nuevamente y por una vez ha ganado IE 1-Firefox 0. En IE se ve bien a la primera, con fire tengo que actualizar la pagina para que se vea la caja para publicar! los quito y con más tiempo lo miramos, vale? gracias y, bien domingo!
hoy me voy de fiestaaaaaa 
Que tengas buen domingo y lunes y martes, y miércoles y..
y... por lo pronto hoy ha sido un día fantástico! besos
Me alegra lo pasaras divino, este fin de semana otra vez
Hola Gem@, por aqui otra vez pidiendo una ayudita. He seguido los pasos que nos enseñas para añadir emoticonos a los comentarios. Puse otros iconos y los subi a Picasa. Pero lamentablente no salen
No se ve nada. En que estoy fallando? Desde ya muchas gracias por ayudarme, bsss.
Hola Gem@, mil gracias, pero no hay caso, no quieren aparecer
. Yo uso el formulario de comentarios incrustado de Blogger,será que con ese no se puede? En fin, digo cualquier cosa porque no sé que puede pasar. Quedan tan bonitos, es una pena. Buen finde y bsss
http://vagabundia.blogspot.com/2007/08/blogger-y-los-emoticones.html
Probaré de nuevo paso a paso como yo indico por si viera algún error
Gracias Gem@, mañana me pongo con el post de JMIur a ver si consigo algo. Traté incluso de alojar el script fuera de la plantilla, pero sigue sin funcionar. Creo que es la plantilla
bss
pero no lo sé a ciencia cierta. Gracias por estar siempre alli, buen inicio de semana
Gracias por preocuparte Gem@
, estuve en lo de JMiur, seguí sus pasos pero no hay caso, incluso me desaparecía el recuadro blanco para poner el comentario. Solucionaba eso y los dichosos emoticonos ni asomaban. Lei ahi mismo que a veces es problema de la plantilla que tenemos en uso. No pasa nada, a cambio me has ayudado muchisimo, hoy aprendí a poner sombra en texto, que para mi que sé poquito es un montón. Un cariño y buena semana
Buenas noches Gema!!!
He tratado de hacerlo pero no me sale.... no se por que...
http://canelaprueba.blogspot.com/
Lo que tiene que salir son estos que están aquí arriba , no?
Lo que me refiero es que se ven los iconos, no?
Gracias
Lo que tratas de hacer creo que es esto, mira
Hola rosa como hago para hacer una tabla así como la que tu tienes de los emoticones por que yo tengo es una imagen fija para todos y esta http://i41.tinypic.com/dg3oxx.jpg y quiero la tabla como la tuya para que se vean los que se mueven
.
Hola gem@ de nuevo estoy visitando tu blog a ver nuevas cosas aprendo
Esta vez te tengo una pregunta ya he visto esto de los emoticones en varios blogs pero no logro aplicarlo en mi plantilla no se si hago algo mal sigo todos los pasos pero no funciona ..
yo uso las plantillas que se crean con el diseñador nuevo y la estructura es muy difenrente me preguntaba si sabes como puedo aplicar este truco de los emoticones en las plantillas nuevas
Saludos y gracias
Desconozco la estructura de las nuevas plantillas
Gem@ tengo una duda, yo quiero sustituir las caritas es decir a la combiancion de letras, , por un código especial, ejemplo (:que
, lo que esta dentro del parentesis es lo que quiero agregar, como le haria??
Nota: solo los miembros de este blog pueden publicar comentarios.